<template>
  <div class="tuijian">
      <van-swipe class="my-swipe" :autoplay="1000" indicator-color="white">
        <van-swipe-item
          ><img src="@/assets/lunbo/lunbo1.png" alt=""
        /></van-swipe-item>
        <van-swipe-item
          ><img src="@/assets/lunbo/lunbo2.png" alt=""
        /></van-swipe-item>
        <van-swipe-item
          ><img src="@/assets/lunbo/lunbo3.png" alt=""
        /></van-swipe-item>
        <van-swipe-item
          ><img src="@/assets/lunbo/lunbo4.png" alt=""
        /></van-swipe-item>
        <van-swipe-item
          ><img src="@/assets/lunbo/lunbo5.png" alt=""
        /></van-swipe-item>
        <van-swipe-item
          ><img src="@/assets/lunbo/lunbo6.png" alt=""
        /></van-swipe-item>
        <van-swipe-item
          ><img src="@/assets/lunbo/lunbo7.png" alt=""
        /></van-swipe-item>
      </van-swipe>
<Tuijianzu></Tuijianzu> 
  </div>
</template>

<script>
import Tuijianzu from "@/components/tuijianzu.vue"
export default {
  components: {
 Tuijianzu
  }
};
</script>

<style scoped>
.tuijian {
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.15rem;
}
.lunbo .my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}
 .my-swipe img {
  width: 100%;
  height: 2.08rem;
}
</style>